<#include "constants.ftl" />
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <title>咦？出错喽~</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="icon" href="http://www.mi.com/favicon.ico" type="image/x-icon">
    <style type="text/css">article, aside, details, figcaption, figure, footer, header, main, nav, section {
        display: block
    }

    audio, canvas, video {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden] {
        display: none
    }

    html {
        font-size: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    a:hover, a:active {
        outline: 0
    }

    b, strong {
        font-weight: bold
    }

    small {
        font-size: 80%
    }

    sub, sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        width: auto \9;
        height: auto;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic
    }

    body {
        margin: 0;
        font: 14px/1.5 arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
        color: #8c8c8c;
        background-color: #fff
    }

    a:hover, a:focus {
        color: #ff4a00;
        text-decoration: none
    }

    .clearfix {
        *zoom: 1
    }

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0
    }

    .clearfix:after {
        clear: both
    }

    .hide {
        display: none
    }

    dl, dt, dd {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .nopage {
        width: 520px;
        height: 530px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -260px;
        margin-top: -265px;
        text-align: center
    }

    .nopage-pic {
        background: url(http://img03.mifile.cn/webfile/images/hd/2014042803/404.jpg) no-repeat center;
        width: 376px;
        height: 322px;
        margin: 0 auto
    }

    .nopage dl {
        font-size: 20px;
        color: #6d6d6d
    }

    .nopage dt {
        padding: 35px 0 0;
        font-size: 40px;
        color: #010101
    }

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ff4a00;
        color: #ff4a00;
        padding: 0;
        width: 148px;
        text-decoration: none
    }

    .btn-primary {
        background-color: #ff4a00;
        border-color: #ff4a00;
        color: #fff
    }

    .btn-primary:hover {
        color: #fff
    }

    .nopage dl dd a {
        margin-top: 35px
    }</style>
</head>
<body>
<div class="nopage">
    <div class="nopage-pic"></div>
    <dl>
        <dd>&nbsp;</dd>
        <dd style="color: #FF0000">${returnMessage!}</dd>
        <dd>
            <a class="btn btn-primary" href="${SERVER_SIDE_CONTEXT}">返回首页</a>
        </dd>
    </dl>
</div>
</body>
</html>